<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>SpringHoppinzq</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="https://hoppinzq.com/zui/static/favicon/favicon.ico">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/LineIcons.3.0.css">
    <link rel="stylesheet" href="https://hoppinzq.com/static/css/plugins/lightbox.css">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/simple-bar.css">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/animate.css">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/main.css">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/cPager.css">
    <link rel="stylesheet" href="https://hoppinzq.com/spider/css/footer.css">
    <link rel="stylesheet" href="css/card.css">

</head>
<style>
    .footer-menu-items{
        margin-bottom: 5px;
    }
    textarea.form-control {
        border-radius: 10px;
    }
    .form-control:not(select) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    textarea.form-control {
        height: auto;
    }
    .form-control {
        border-radius: 5px;
        box-shadow: none;
        border-color: #86a4c3;
        height: auto;
    }
</style>
<body>


<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>


<header class="header navbar-area">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12">
                <div class="nav-inner">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="">
                            <img src="https://hoppinzq.com/static/images/logo/1640338711_113639.png" alt="Logo">
                        </a>
                        <button class="navbar-toggler mobile-menu-btn" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                            <ul id="nav" class="navbar-nav ms-auto">
                                <li class="nav-item">
                                    <a href="index.html" class="active" aria-label="Toggle navigation">首页</a>
                                </li>
                                <li class="nav-item">
                                    <a href="doc.html" aria-label="Toggle navigation">文档</a>
                                </li>
                            </ul>
                        </div>
                        <div class="button">
                            <a target="_blank" href="https://gitee.com/hoppin/spring-hoppin" class="btn"><i class="lni lni-github"></i>  开源地址 </a>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
<section class="hero-area">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12 col-md-12 col-12">
                <div class="hero-content">
                    <h2>这是什么东西?</h2>
                    <p>SpringHoppinzq是完全基于SpringCloud的思想，以SpringBoot作为脚手架，构建出了SpringCloud的雏形框架。
                        基于该框架开发了服务注册与发现(HoppinCore)、远程服务调用(HoppinRPC)、负载均衡(HoppinLoadBalance)、熔断器及其监控(HoppinCircuitBreaker)等功能。</p>
                    <p> 具体使用方式和实现细节，请访问我的<a href="doc.html" style="color: #42b983">文档 <i class="lni lni-arrow-right"></i></a></p>
                    <ul class="popular-tag">
                        <li>你可能感兴趣的技术:</li>
                        <li><a href="javascript:void(0)">Java</a></li>
                        <li><a href="javascript:void(0)">SpringBoot</a></li>
                        <li><a href="javascript:void(0)">SpringCloud</a></li>
                        <li><a href="javascript:void(0)">RPC技术</a></li>
                        <li><a href="javascript:void(0)">线程池</a></li>
                        <li><a href="javascript:void(0)">代理</a></li>
                        <li><a href="javascript:void(0)">ThreadLocal</a></li>
                        <li><a href="javascript:void(0)">字节码技术</a></li>
                        <li><a href="javascript:void(0)">注册中心</a></li>
                        <li><a href="javascript:void(0)">用户认证</a></li>
                        <li><a href="javascript:void(0)">负载均衡</a></li>
                        <li><a href="javascript:void(0)">熔断器</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="demo-area section" id="wbbb">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title">
                    <h3 class="wow zoomIn" data-wow-delay=".2s">Demo</h3>
                    <h2 class="wow fadeInUp" data-wow-delay=".4s">SpringHoppinzq监控</h2>
                    <p class="wow fadeInUp" data-wow-delay=".6s">这些是我服务器上的注册中心，熔断器和负载均衡的监控</p>
                </div>
            </div>
        </div>
        <div class="row wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;" >
            <div class="col-lg-12">
                <div class="tab-style-2">
                    <nav class="nav" id="nav-tab">
                        <button class="active" id="tab-1-11" data-bs-toggle="tab" data-bs-target="#tabContent-1-11">
                            <spna class="serial">1</spna>
                            <span>注册中心</span>
                        </button>
                        <button id="tab-1-22" data-bs-toggle="tab" data-bs-target="#tabContent-1-22">
                            <spna class="serial">2</spna>
                            <span>负载均衡</span>
                        </button>
                        <button id="tab-1-33" data-bs-toggle="tab" data-bs-target="#tabContent-1-33">
                            <spna class="serial">3</spna>
                            <span>熔断器</span>
                        </button>
                    </nav>
                    <div class="tab-content" id="nav-tabContent1">
                        <div class="tab-pane fade show active" id="tabContent-1-11">
                            <p>
                                1、不提供链接校验，请输入正确的注册中心路径。
                            </p>
                            <p>
                                2、总注册中心是：
                            <pre data-simplebar="" class="code-box"> <button class="copy-btn" data-input="csdnlink" data-btn="csdn_l">渲染总注册中心</button><code>http://175.178.115.82:8801/service</code> </pre>
                            </p>
                            <div class="row contact-us">
                                <div class="col-12">
                                    <div class="contact-form">
                                        <div class="row">
                                            <div class="col-9">
                                                <div class="form-group">
                                                    <input name="csdnlink" id="csdnlink" type="text" placeholder="输入注册中心路径" required="required">
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="button" style="margin-top: 0px;">
                                                    <button type="button" id="csdn_l" class="btn">渲染</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="alert-list-wrapper blog-st-1">

                                            </div>
                                        </div>
                                        <div class="row service-all">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tabContent-1-22">
                            <a href="doc.html#loadbalance-springhoppinzq"><i class="lni lni-notepad"></i> 负载均衡帮助文档</a>
                        </div>
                        <div class="tab-pane fade" id="tabContent-1-33">
                            <a href="doc.html#breaker-springhoppinzq"><i class="lni lni-notepad"></i> 熔断器帮助文档</a>
                        </div>
                    </div>
                </div>
            </div>
        </div></div>
    </div>
</section>
<section class="accordion-area section">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title">
                    <h3 class="wow zoomIn" data-wow-delay=".2s">DOC</h3>
                    <h2 class="wow fadeInUp" data-wow-delay=".4s">文档</h2>
                    <p class="wow fadeInUp" data-wow-delay=".6s">帮助你搭建自己的SpringHoppinzq微服务框架，并让你了解更多细节</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                <div class="single-topic">
                    <div class="topic-content">
                        <h4 class="topic-title"><i class="lni lni-list"></i>SpringHoppinzq？</h4>
                        <ul class="topic-list">
                            <li>
                                <a href="doc.html#intro-springhoppinzq"><i class="lni lni-notepad"></i> 项目简介</a>
                            </li>
                            <li>
                                <a href="doc.html#start-springhoppinzq"><i class="lni lni-notepad"></i> 开始使用</a>
                            </li>
                        </ul>
                        <a href="doc.html" class="more">查看更多 <i class="lni lni-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">

                <div class="single-topic">
                    <div class="topic-content">
                        <h4 class="topic-title"><i class="lni lni-grid-alt"></i> 组件</h4>
                        <ul class="topic-list">
                            <li>
                                <a href="doc.html#ore-springhoppinzq"><i class="lni lni-notepad"></i> 注册中心</a>
                            </li>
                            <li>
                                <a href="doc.html#rpc-springhoppinzq"><i class="lni lni-notepad"></i> 远程服务调用</a>
                            </li>
                            <li>
                                <a href="doc.html#loadbalance-springhoppinzq"><i class="lni lni-notepad"></i> 负载均衡</a>
                            </li>
                            <li>
                                <a href="doc.html#breaker-springhoppinzq"><i class="lni lni-notepad"></i> 熔断器</a>
                            </li>
                        </ul>
                        <a href="doc.html" class="more">查看更多 <i class="lni lni-arrow-right"></i></a>
                    </div>
                </div>

            </div>
            <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                <div class="single-topic">
                    <div class="topic-content">
                        <h4 class="topic-title"><i class="lni lni-grid-alt"></i> 其他</h4>
                        <ul class="topic-list">
                            <li>
                                <a href="https://gitee.com/hoppin/spring-hoppin" target="_blank"><i class="lni lni-notepad"></i> 开源地址</a>
                            </li>
                        </ul>
                        <a href="https://gitee.com/hoppin" target="_blank" class="more">查看更多 <i class="lni lni-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer class="footer">
    <div class="container">
        <div class="row mb-n7 footer-list"><div class="col-lg-3 col-sm-6 mb-7">
            <div class="footer-widget">
                <h4 class="footer-title footer-title-0">联系方式</h4><ul class="footer-des"><li class="footer-menu-items"><i class="lab la-qq"></i><a class="footer-menu-link" href="tencent://Message/?Uin=937040147&amp;websiteName=15028582175&amp;Menu=yes">937040147</a></li><li class="footer-menu-items"><i class="lab la-weixin"></i><a class="footer-menu-link" href="#">HOPPIN_HAZZ</a></li><li class="footer-menu-items"><i class="las la-envelope-open"></i><a class="footer-menu-link" href="mailto:anmiezata@163.com">anmiezata@163.com</a></li><li class="footer-menu-items"><i class="las la-phone-volume"></i><a class="footer-menu-link" href="tel:15028582175">15028582175</a></li></ul>
            </div>
        </div><div class="col-lg-3 col-sm-6 mb-7">
            <div class="footer-widget">
                <h4 class="footer-title footer-title-1">友情链接</h4><ul class="footer-des"><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="http://hoppin.cn">我的博客</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://hoppinzq.com/chat/index.html">chatgpt</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://hoppinzq.com/video/index.html">短视频与直播</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://www.bilibili.com/">哔哩哔哩</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com">码云Gitee</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://www.csdn.net/">CSDN</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://www.runoob.com/">菜鸟教程</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://leetcode-cn.com/">力扣(leetcode)</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://processon.com/">Process on</a></li></ul>
            </div>
        </div><div class="col-lg-3 col-sm-6 mb-7">
            <div class="footer-widget">
                <h4 class="footer-title footer-title-2">关于我</h4><ul class="footer-des"><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://space.bilibili.com/230296772?spm_id_from=333.1007.0.0">B站：装甲浮士德</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com/hoppin">我的Gitee账号</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://blog.csdn.net/qq_41544289?spm=1000.2115.3001.5343">我的博客</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://github.com/HOPPINAN_HAZZ">Github账号</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://music.163.com/#/user/home?id=309621600">网易云时间</a></li></ul>
            </div>
        </div><div class="col-lg-3 col-sm-6 mb-7">
            <div class="footer-widget">
                <h4 class="footer-title footer-title-3">开源项目</h4><ul class="footer-des"><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com/hoppin/hoppinzq">剑来框架</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com/hoppin/chatgpt-java">chatgpt</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com/hoppin/hoppinzq-jquery-zjax">zjax</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com/hoppin/java-service-management-system">Java服务管理</a></li><li class="footer-menu-items"><a class="footer-menu-link" target="_blank" href="https://gitee.com/hoppin/java-spider-crawler">Java爬虫可视化</a></li></ul>
            </div>
        </div></div>
    </div>
    <div class="copy-right bg-dark">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p><a target="_blank" href="https://beian.miit.gov.cn/">Copyright © HOPPINZQ.
                        ICP主体备案号:鲁ICP备2021023310号</a></p>
                </div>
            </div>
        </div>
    </div>
</footer>
<a href="#" class="scroll-top">
    <i class="lni lni-chevron-up"></i>
</a>
<script src="config.js"></script>
<script src="https://hoppinzq.com/spider/js/jquery.min.js"></script>
<script src="https://hoppinzq.com/spider/js/bootstrap.min.js"></script>
<script src="https://hoppinzq.com/zui/static/js/ztips.js"></script>
<script src="https://hoppinzq.com/static/js/plugins/buttonLoading.js"></script>
<script src="https://hoppinzq.com/static/js/plugins/lightbox-2.6.min.js"></script>
<script src="https://hoppinzq.com/spider/js/simple-bar.js"></script>
<script src="https://hoppinzq.com/spider/js/wow.min.js"></script>
<script src="https://hoppinzq.com/spider/js/cPager.js"></script>
<script src="https://hoppinzq.com/static/js/plugins/localforage.js"></script>
<script src="js/main.js"></script>
<script>
    new WOW().init();
</script>
</body>
</html>